
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<%@ include  file="/common/taglibs.jsp"%>
<%@ include  file="/common/meta.jsp"%>
<title>婴儿秀</title>
<link rel="archives" title="婴儿秀"	href="#" />

 <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      
    </style>
</head>
<body>
<%@include file="/common/header.jsp" %>
  		
  		 <div class="container">  
  		 	
  		 	<div class="row show-grid">  		 
  		 	<div class="span12">
  		 			<div class='pull-left'>流行标签:</div>
  		 			
  		 		  <ul class="nav pull-left">  		 		 
	              <li class=' tag'>小清新</li>
	              <li class=' tag'>重口味</li>
	            </ul>   
  		 		</div>    
	    		</div>
	    	 
      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
        <h1>每周一星</h1>
        <img src="docs/assets/img/bootstrap-mdo-sfmoma-02.jpg"/>
    	<p> <a class="btn btn-primary btn-large">了解更多 &raquo;</a><p>
        
      </div>
      
		
		<c:forEach items="${catalogMap}" var="cataEntry">
      <!-- Example row of columns -->
      		 			
      <div class="row">
      <p>大家分享的:${cataEntry.key.name}</p>
       <c:forEach items="${cataEntry.value}" var="secCatalog" >  
        <div class="span4">
          <h2>${secCatalog.name}</h2>
          	<table>
          	<c:forEach items="${secCatalog.showPhotos}" var="photo" varStatus="indexNum">	
			  
          	<c:if test="${indexNum.index%2==0}">
          		<tr>
          	</c:if>
          
          	<td><img src="${ctx}/${photo.imageURL}" width="100px" height="100px"/></td>			
    			
    		  <c:if test="${indexNum.index%2==1}">
          		</tr>
          	</c:if>          	
          	 </c:forEach>
          	 <tr><td width='50%'></td><td><a class="btn">了解更多 &raquo;</a></td>
    	</table>
        </div>
    </c:forEach>
      </div>	
	</c:forEach>
      <hr>

      <footer>
        <p>&copy; 罗守强出品 2012</p>
      </footer>

    </div> <!-- /container -->
  		
  	
  </body>
  
  
</html>